<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link rel="icon" href="/favicon.ico" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

  <meta http-equiv="cleartype" content="on">
  <!-- QQ强制全屏 -->
  <meta name="x5-fullscreen" content="true">
  <!-- QQ应用模式 -->
  <meta name="x5-page-mode" content="app">
  <!-- 启用360浏览器的极速模式(webkit) -->
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta name="format-detection" content="telephone=no,address=no,email=no">
  <meta name="mobileOptimized" content="width">
  <meta name="handheldFriendly" content="true">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="viewport"
      content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <title>Vite App</title>
  <script>
  function isIPhoneX() { return /iphone/gi.test(navigator.userAgent) && (screen.height == 812 && screen.width == 375) } if (isIPhoneX()) { document.documentElement.classList.add("IPhoneX") } var ua = window.navigator.userAgent.toLowerCase(); if ((ua.match(/MicroMessenger/i) == "micromessenger") && (ua.match(/wxwork/i) == "wxwork")) { document.documentElement.classList.add("wxwork") } else { if (ua.match(/micromessenger/i) == "micromessenger") { document.documentElement.classList.add("wxnormal") } } window.navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == "micromessenger" && document.documentElement.classList.add("weixin"); void function () { var a = window; function b() { var b = g.getBoundingClientRect().width; b / c > 750 && (b = 750 * c), a.rem = b / 7.5, g.style.fontSize = a.rem + "px" } var c, d, e, j, k, l, f = window.document, g = document.documentElement, h = document.querySelector('meta[name="viewport"]'), i = document.querySelector('meta[name="flexible"]'); h ? (console.warn("将根据已有的meta标签来设置缩放比例"), j = h.getAttribute("content").match(/initial\-scale=(["']?)([\d\.]+)\1?/), j && (d = parseFloat(j[2]), c = parseInt(1 / d))) : i && (j = i.getAttribute("content").match(/initial\-dpr=(["']?)([\d\.]+)\1?/), j && (c = parseFloat(j[2]), d = parseFloat((1 / c).toFixed(2)))), c || d || (a.navigator.appVersion.match(/android/gi), k = a.navigator.appVersion.match(/iphone/gi), c = a.devicePixelRatio, c = k ? c >= 3 ? 3 : c >= 2 ? 2 : 1 : 1, d = 1 / c), g.setAttribute("data-dpr", c), h || (h = f.createElement("meta"), h.setAttribute("name", "viewport"), h.setAttribute("content", "width=device-width,initial-scale=" + d + ", maximum-scale=" + d + ", minimum-scale=" + d + ", user-scalable=no"), g.firstElementChild ? g.firstElementChild.appendChild(h) : (l = f.createElement("div"), l.appendChild(h), f.write(l.innerHTML))), a.dpr = c, a.addEventListener("resize", function () { clearTimeout(e), e = setTimeout(b, 300) }, !1), a.addEventListener("pageshow", function (a) { a.persisted && (clearTimeout(e), e = setTimeout(b, 300)) }, !1), "complete" === f.readyState ? true : f.addEventListener("DOMContentLoaded", function () { }, !1), b() }();
//alert(document.documentElement.clientHeight);
//alert(document.documentElement.clientWidth);
//alert(devicePixelRatio);
  </script>
</head>
<body>
  <div id="app"></div>
  <script type="module" src="/src/main.ts"></script>
</body>
</html>
